<?php include_once '../jqueryConfig.php'; ?>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

<title>jquery test</title>

<link 	href	="	<?php echo $google_jqueryUI_css;	?>" type="text/css" rel="Stylesheet" />
<script src		="	<?php echo $google_jquery_min_js;	?>"></script>
<script src		="	<?php echo $google_jqueryUI_min_js	?>"></script>

<script type="text/javascript">

	// function called when document is ready
	$(document).ready(function() {

		// this var contains a jquery obj
		var $tmp = $('#myId');

		// select all elements in the current page
		var $other = $('*');

		// chaining
		$('#content')
			.find('h3')
			.eq(2)
			.html("new text for the third h3!")
			.end() // ... restore the selection
			.eq(0).html('new text for the first h3!');

		console.log($other);
		console.log($other.length);
		//console.log($tmp);
		//console.log($tmp.length);

		
	});

	// ... we can call as many functions as we want
	jQuery(document).ready(function() {
		
	});
</script>

<style type="text/css">

	

</style>


</head>

<BODY>

<div id="content">

	<p id="myId">myID<p>

	<p id="otherID">otherID<p>

	<h3>h3 1</h3>
	<h3>h3 2</h3>
	<h3>h3 3</h3>
	<h3>h3 4</h3>

	<p>p1</p>

</div>

</BODY>






</HTML>